


MAGAZINE 

















‘ 





855-GREP-4-IX 
www.ixksystems.com 
Cae eet) |eL 
Me eC 


FOR NOVICE AND ADVANCED USERS 








e Chie} GRIPSV Ti i THE acl 
MERVILLE 


VOL4 NO.O1 


1896-9144 


ame ita ete) te Ns acelin ates) 


SMe ella ect sala 








HOW IMPORTANT IS YOUR DATA? 


Years of family photos. Your entire music 
and movie collection. Office documents 
you've put hours of work into. Backups for 
every computer you own. We ask again, how 
important is your data? 


NOW IMAGINE LOSING IT ALL 


Losing one bit - that’s all it takes. One single bit, and 
your file is gone. 





The worst part? You won't know until you | 
absolutely need that file again. Example of one-bit corruption 





THE SOLUTION 


The Mini boasts these state-of-the- 


The FreeNAS Mini has emerged as the clear choice to 
art features: 


Save your digital life. No other NAS in its class offers 


i ry and ZFS bitr 
ECC (error correcting code) memory and ZFS bitrot sieseor Gotti Mora raecseor 


protection to ensure data always reaches disk . Up to 16TB of storage capacity 
without corruption and never degrades over time. - 16GB of ECC memory (with the option to upgrade 
to 32GB) 


, « 2x 1 Gigabit network controllers 
No other NAS combines the inherent data integrity : Ramotemanauementoore (EN) 


and security of the ZFS filesystem with fast on-disk - Tool-less design; hot swappable drive trays 
encryption. No other NAS provides comparable power ISSN re ictal emanecomngured 

and flexibility. The FreeNAS Mini is, hands-down, the 
best home and small office storage appliance you can 
buy on the market. When it comes to saving your 
important data, there simply is no other solution. 














Intel, the Intel logo, Intel Atom and Intel Atom Inside are trademarks of Intel Corporation in the U.S. and/or other countries. 
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CERTIFIED 
STORAGE 


With over six million downloads, 
FreeNAS is undisputedly the most 
popular storage operating system 
in the world. 


Sure, you could build your own FreeNAS system: 
research every hardware option, order all the 

parts, wait for everything to ship and arrive, vent at 
customer service because it hasn't, and finally build it 
yourself while hoping everything fits - only to install 
the software and discover that the system you spent 
days agonizing over isn’t even compatible. Or... 


MAKE IT EASY ON YOURSELF 


As the sponsors and lead developers of the FreeNAS 
project, ixsystems has combined over 20 years of 
hardware experience with our FreeNAS expertise to 
bring you FreeNAS Certified Storage. We make it 
easy to enjoy all the benefits of FreeNAS without 
the headache of building, setting up, configuring, 
and supporting it yourself. As one of the leaders in 
the storage industry, you know that you're getting the 
best combination of hardware designed for optimal 
performance with FreeNAS. 


Every FreeNAS server we ship is... 


» Custom built and optimized for your use case 

» Installed, configured, tested, and guaranteed to work out 
of the box 

» Supported by the Silicon Valley team that designed and 
built it 

» Backed by a 3 years parts and labor limited warranty 


eee ee ee 
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As one of the leaders in the storage industry, you 
know that you're getting the best combination 

of hardware designed for optimal performance 

with FreeNAS. Contact us today for a FREE Risk 
Elimination Consultation with one of our FreeNAS 
experts. Remember, every purchase directly supports 
the FreeNAS project so we can continue adding 
features and improvements to the software for years 
to come. And really - why would you buy a FreeNAS 
server from anyone else? 





FreeNAS 1U 

- Intel® Xeon® Processor E3-1200v2 Family 

« Up to 16TB of storage capacity 

* 16GB ECC memory (upgradable to 32GB) 

« 2x 10/100/1000 Gigabit Ethernet controllers 
« Redundant power supply 


FreeNAS 2U 
- 2x Intel® Xeon® Processors E5-2600v2 Family 
« Up to 48TB of storage capacity 
¢ 32GB ECC memory (upgradable to 128GB) 
« 4x 1GbE Network interface (Onboard) - 
(Upgradable to 2 x 10 Gigabit Interface) 
« Redundant Power Supply 











http://www.iXsystems.com/storage/freenas-certified-storage/ 


Intel, the Intel logo, the Intel Inside logo and Xeon are trademarks of Intel Corporation in the U.S. and/or other countries. 
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Dear Readers, 


Getting to Grips with the Gimp by Rob Somerville 


Now, you have the Best of BSD issue that is a collection 


of Rob Somerville’s articles. 


In the BSD series on image manipulation and design, 
you will read about graphic design basics, and how to 
use the most popular Open Source graphics software 


— The Gimp. 


Enjoy reading, 
Ewa & BSD team 
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IN BUSINESS 


in an Enterprise Environment 


By the time you're reading this, FreeNAS has been downloaded 
more than 5.5 million times. For home users, it’s become an 
indispensable part of their daily lives, akin to the DVR. 
Meanwhile, all over the world, thousands of businesses 
universities, and government departments use FreeNAS to 
build effective storage solutions in myriad applications 


What you will learn... 
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» How TrueNAS builds off the strong points of the FreeBSD and 


FreeNAS operating systems 


* How TrueNAS meets modern storage challenges for enterg 






he FreeNAS operating systems is fre 
) the public and offers thorough doc 
active community, and a feature-rig 
the storage environment. Based on Free 
can share over a host of protocols (SM§ 
FTP, iSCSI, etc) and features an intuiti 
the ZFS file system, a plug-in system 
much more. 
Despite the massive popularity g 
aren't aware of its big brother dut 
data in some of the most demand 
environments: the proven, enterp 
professionally-supported line of, 
But what makes TrueNAS diffd 
Well, I'm glad you asked... 


Commercial Grade Supp 
When a mission critical stor 
organization's whole operat 
halt. Whole community-bag 
free), it can't always get an 
and running in a timely 
responsiveness and expe 
dedicated support tea 
provide that safety. 

Created by the sam 
developed FreeNAS. 
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YOU THIS IMPORTANT ANNOUNCEMENT: 


THE PEOPLE WHO DEVELOP FREENAS, THE WORLD'S MOST 
POPULAR STORAGE OS, HAVE JUST REVAMPED TRUENAS. 
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POWER WITHOUT CONTROL MEANS NOTHING. 
TRUENAS STORAGE GIVES YOU BOTH. 


(Vf Self-Healing Filesystem 
WAMslelPAN EN Elo lis, 
(Vie Qualified for VMware and 


Mi Simple Management 
CAMs esehaecaw\aeal-ciien 
CéMiralilenaeenl nese 


CAN baeriiticcce arene (ve HyperV 
Up Front (no hidden CA Works Great With Citrix 
licensing fees) XenServer® 


To learn more, visit: www.iXsystems.com/truenas 
Adder shi lees rsh fn renee 
ee ge BC Se Eee Ree eee see ee 
VMware and VMware Ready are registered trademarks or trademarks of VMware, Inc. in the United States and other jurisdictions. 
Citrix makes and you receive no representations or warranties of any kind with respect to the third party products, its functionality, the test(s) or the results 
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Getting to Grips with the Gimp — Part 1 S 


Rob Somerville 


Getting to Grips with the Gimp — Part 2 1 = 


Rob Somerville 
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Rob Somerville 
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Rob Somerville 
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Rob Somerville 
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Rob Somerville 
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Rob Somerville 
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Rob Somerville 
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Rob Somerville 
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GRAPHIC DESIGN 


Getting to Grips with 
the Gimp - Part 1 


In our new series on image manipulation and design, we 
will look at graphic design basics, and how to use the most 
popular Open Source graphics software — The Gimp. 


What you will learn... 
¢« How to manipulate images like a design pro 


series, but in this age of digital photography, graphics 

intensive website design and visual icons, more and 
more emphasis is being placed on imagery as a method 
of communication. Good graphic design is also useful for 
presentations, flyers, and publications; the list is endless. 
Some people just lift images from Google or make use of 
professional stock images, the latter being expensive and 
the former dubious from a copyright perspective. Wha can 


t might seem strange having a “non-technical” how-to 





Raster graphics 





Figure 1. Raster and Vector images 
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What you should know... 


¢ General PC administration skills 


be more satisfying than manipulating and creating your 
own artwork? 

| first became hooked on graphics programs in the mid- 
eighties when | got my hands on an Amiga and Deluxe 
Paint. Sadly no more, | spent years working with other 
vector based programs such as Corel Draw, Arts and Let- 
ters, etc. until | came across the Gimp in the early days of 
Open Source. While Adobe Photoshop has always been 
around, it was (and still is) prohibitively expensive for the 






Vector graphics 
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amateur design enthusiast, and un- 
til the Gimp arrived there was no real 
raster based alternative. 

The Gimp (the GNU Image Manipu- 
lation Program) can be used for pho- 
to retouching, image authoring and a 
host of other functions including creat- 
ing animated GIFs, etc. 

While both vector and raster based 
programs have their uses, the former 
is mainly used for posters, logos and 
artwork that requires high definition 
at high resolutions. Gimp on the oth- 
er hand works at the pixel level and 
therefore is suitable for image manip- 
ulation. For vector graphics manipu- 
lation, Inkscape is an excellent Open 
Source tool. [See Figure 1 — Raster 
and Vector graphics]. 


Requirements 

The Gimp is available for Mac (OSX), 
Windows and virtually every flavour of 
Linux and *BSD. While version num- 
bers may vary slightly across plat- 
forms, | will be using 2.8.4 for this tu- 
torial though some platforms may still 
be on 2.6.x. There are some subtle 
differences between the two versions 
(e.g. window docking, file import and 
export, etc.) but the majority of func- 
tions are the same. What is more im- 
portant than the version is the PC you 
run the software on. You will need 
plenty of RAM if you are going to be 
working with large images. A good 
quality graphics card and monitor are 
also important, but most modern kits 
will be fine. The biggest issue is colour 
drift and lighting — editing an image on 
a CRT monitor under flourescent light 
will be a different visual experience 
from using an LCD or LED monitor un- 
der tungsten lighting. One of the rea- 
sons why graphic designers are fanat- 
ical about Mac's is the excellent colour 
balance and font support, something 
that is not consistent across different 
manufacturers. 


www.bsdmag.org 
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Figure 2. Default Gimp layout 
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Figure 3. Single window mode 


Wr 
U 


GRAPHIC DESIGN 





Also, it is important to respect copy- 
right and attribute credit where it is due. 
All images used in this series will either 
come from the author’s own collection, 
royalty free from http:/www.sxc.hu or 
under a Creative Commons licence. 


Your Chance to Contribute 

lf you have an image you would like 
manipulated, or have some ideas for 
the series, please contact me via BSD 
magazine. While my favourite task is 
taking mundane images and apply- 
ing liberal doses of satire, surrealism 
or atmosphere, | am open to sugges- 
tions and any commissions from read- 
ers. 


Let’s get started 

Install Gimp on a PC and platform 
of your choice, either via your pack- 
age management system or by down- 
load from www.gimp.org/downloads. 
Upon opening the Gimp, you will be 
presented with multiple windows [Fig- 
ure 2]. As | am left handed and | don't 
like multiple floating windows clutter- 
ing my desktop, | have selected Win- 
dows — Single-Window mode [Fig- 
ure 3]. | have also moved all the tabs 
from Layers, Brushes, Gradients etc. 
across to the left hand side dock, and 
expanded the width slightly so all the 
controls are visible [Figure 4]. You 
may want to tweak the default settings 
as well [Figure 5 — 8]. 
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Figure 4. Controls moved to the left hand side 
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Bl Environment 
cd Interface 
-. Theme 
ge Help system 
(al Tool Options 
E=\ Toolbox 
a) Default Image 
[G) Default Grid 
¥ [RR Image windows 
(Pe Appearance 
[E-| Title & Status 
zx Display 
[ colour Management 
¥ | Input Devices 
fag Input Controllers 
= Window Management 


> fl Folders 








Select Theme 

Theme Folder 

Default /usr/share/gimp/?.0/themes/Default 
/usc/share/gimp/2.0/themes/small 
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Figure 5. Use a smaller theme to increase desktop real estate 
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Bl Environment 
cd InterFace 
-. Theme 
ge Help system 
[eal Tool Options 
= Toolbox 
a) Default Image 
[G) Default Grid 
¥ [RR Image windows 
fad Appearance 
[E-| Title & Status 
zx Display 
[9 colour Management 
¥ 8) Input Devices 
fag Input Controllers 
= Window Management 
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Toolbox 





Appearance 
B® @& Show foreground & background colour 


if @& Show active brush, pattern & gradient 
[E2) (4 \Show active image’ 


Tools configuration 


a Eraser 

* E4 Airbrush 

> Ei Ink 

* [2] clone 

> \98] Heal 

a Perspective Clone 
* Blur / Sharpen 


Figure 6. Show brushes and images 
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= Environment 
| interface 


theme 
Help System Template: ||) 1024x768 
+) Tool Options 
a Toolbox 
(| Default image 


Image Sire 
Width: 1024 


G! Default Grid Height: 763 ~| (PX = 
¥ BF image Windows F) (fag!) 1024 = 768 pbrels 
7 Apprarance TZ poi, PGR colour 
-| Title & Status ¥ Advanced Options 
7) Display resolution: | 72.000 
Colour Management i 
al 9 ¥ resolution | 72.000 " j pies 
Fee) Input Devices 
=, Input Controllers Colourspace: RGB colour 
J— Window Management cai ack = 
DOL WW ACK OT OWN DOO 
r = Folders 7 = 
Comment: 
Quick Mask 


Quick Mask colour: 


Help Reset 


Figure 7. Set the default template size 


A list of the major tools and functions 
is listed in Table 1. In the belated spirit 
of St Valentines day, we will modify a 
picture of a rose and add a shadow 
using a mask and multiple layers to 
produce the resulting Image 2. These 
two tools are very powerful, and quick- 
ly allow the designer to transform an 
image with ease. 





Image 2. The final picture 
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Resource Consumption 


Minimal number of undo levels: 20 : 

Maximum undo memory: 6-0 ~ | Megabytes = 
Tile cache size: 16809127 . | Kilobytes = 
Maximum new image size: 128 - Megabytes = 
Number of processors bo use: 2 = 


Image Thumbnails 


Size oF thumbnails: Mormal (178x178) m 
Maximum filesize for thumbnailling: | 4 - | Megabytes = 


Saving Images 
S! Confirm closing of unsaved Images 


Document History 
mS Keep record of used files in the Recent Documents list 


Reset Cancel OK 


Figure 8. /ncrease undo levels and undo memory 





Image 1. rose-with-bud-ii-1436558-m.jpg 
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Step 1 

Download — rose-with-bud-ii-1436558 
-m.jpg (Image 1) from the website list- 
ed in Table 2. Open in the Gimp using 
File — Open 


Step 2 

Rotate the image with Image — Trans- 
form — Rotate 90 Degrees anti-clock- 
wise. Zoom in by pressing + a couple 
of times or click on the image with the 
Zoom tool [Figure 9]. 


Step 3 

Using the fuzzy select tool, click on 
the image at position 100px x 50px 
to make a selection. You will see 
a boundary of “marching worms” 
[Figure 10]. 


Step 4 

Click on the Toggle quick Mask icon 
just to the bottom Left Hand Side of 
the image or press Shift Q. Ared mask 
will cover the areas that will not be af- 
fected by our changes [Figure 10]. 
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Figure 9. /mage loaded into the Gimp. New layer and mask icons highlighted 
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Figure 10. Fuzzy select 
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Step 5 

Using the erase tool, and increas- 
ing / decreasing the size of the brush 
as required, remove the mask from 
the background to leave the rose, 
the stem and a few leaves. Zoom in 
and out as required (+ /— ), and dont 
worry if you overshoot slightly. Either 
press Ctri Z to undo, or retouch with 
the paintbrush tool. | used the 2. Hard- 
ness 025 brush circular, but choose 
a brush you feel comfortable with. The 
final result should look like Figure 11. 
[Figure 11 — 12]. 
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Figure 11. Mask toggled on 
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Figure 12. Final masked area 
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BSD : 


MAGAZINE 





GRAPHIC DESIGN 





Step 6 

Un-toggle the Quick Mask and the 
flower with leaves should be selected 
[Figure 13]. 
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Figure 13. Selected area with “marching worms” 





Step 7 

Press Ctrl, and the background will be 
filled with a black background. Press 
Shift Ctrl A to deselect the background 
and zoom out to 100% [Figure 14]. 


lee et wee Rule Oren tr Mel ree Me st ate ||) 








wo x = wos = d Glick 60 erage (try Shift far a abralght line, Ctrite pe & background colour) 
eh m= F ‘qa - a 


Figure 14. Rose on black background 
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Step 8 

From the menu Image — Canvas size 
resize the image to 300px x 410px. 
Ensure the chain between width and 
height is broken and that Resize lay- 
ers — All layers is selected. Click on 
the /ayers icon and add a new black 
layer. Drag this new layer down so 
the rose is the top layer. Right click 
on the rose layer and add transpar- 
ency by adding a new Alpha chan- 
nel, then using the rectangular select 
tool, highlight the white area beneath 
the rose. Press Del to delete this se- 
lection, then press Ctrl | to select the 
upper part of the image. Press Ctrl C 
to copy, click on the lower black layer 
and press Ctrl V to paste the selec- 
tion. Using the move tool, adjust the 
copy of the rose so that it is roughly 
below the first top rose, then select 
Layer — Transform — Flip vertically. 
Use the move tool to adjust the po- 
sition of the lower layer so that ap- 
proximately 1/3rd of the inverted rose 
is showing. When satisfied, right click 
on the floating selection and choose 
Anchor layer. [Figure 15]. 


Step 9 

Click on the top rose layer. Using the 
erase tool, remove just enough of the 
top black area to make the reflection 
look convincing. Add a new black lay- 
er with 65% transparency between 
the rose and the reflection. Select the 
bottom layer and blur by 6px using Fil- 
ters — Blur — Gaussian blur. Crop the 
image using the crop tool and the fin- 
ished result can be seen in Image 2. 
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Figure 15. Rose with inverted reflection before top layer erased and transparency / blur 
applied 
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Table 1. Major tools and functions 


Description and usage me Scale 
Rectangle select. 

Shear 
Ellipse select 

Perspective 
Free select 

Flip 
Fuzzy select 


Cage transform 


Colour select t 


Scissors select 


z Bucket fill 
Foreground select i 
Blend 


Pencil 
Colour picker oO 

Paintbrush 
Zoom 

Eraser 
Measure — 

Airbrush 
Move ds 

Ink 
Alignment ¥y 

Clone 
Crop 

Healing 
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Perspective clone 


Blur / sharpen 
Dodge / burn 


Foreground / 
background colours 
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Part 1 


Table 2. Details and credits 


Resources 

URIs |RSS DEIN Gime, CISE IE - The Gimp website — http:/,www.gimp.org 

- Search Creative commons - http:/earch.creativecommons.org 
- Deviant art — http:/www.deviantart.com 

« Stock.xchng — http:/www.sxc.hu 


Image 1. | http://www.sxc. ROSE with BUD II 
hu/photo/1436558 | Rose blossom and nearby bud in 
vibrant color hues. 
Uploaded by lance 


In the next article 
We will look at improving our reflected image and lighting, shade and dark. 


ROB SOMERVILLE 


Rob Somerville has been passionate about technology since his early teens. A keen advocate of open systems since the mid-eighties, he has 
worked in many corporate sectors including finance, automotive, airlines, government and media in a variety of roles from technical support, 


system administrator, developer, systems integrator and IT manager. He has moved on from CP/M and nixie tubes but keeps a soldering iron 
handy just in case. 








In our new series on image manipulation and design, we will 
continue to look at graphic design basics, and how to use the 
most popular Open Source graphics software — The Gimp. 


What you will learn... What you should know... 


« How to manipulate images like a design pro ¢ General PC administration skills 
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n the last article we looked at the 

basics of The Gimp and created a 

rose with a reflection. In this tuto- 
rial, we will look further at layers, gra- 
dients, light, text and shadow and cre- 
ate the image “The gimp is great”. 


Step 1 

From File — new (or Ctrl N) create 
a new 640 x 480 image using the 
640 x 480 template [Figure 1 — 2]. 
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Figure 1. Create anew image 
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Figure 2. Our 640 x 480 canvas 
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Step 2 ; Fe eerie Reece Reece es cence eco ccs na ceie ece 
Pick a light foreground colour and (2 

a light background colour. | have used 
6e53e0 for the foreground and 000000 m, (ei 
(Black) for the background [Figure 3]. _" ®O0@e@cs-ss8 
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Figure 3. Select colours and gradient mode 
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Step 3 EON Rg en 
Select the Blend tool with a radial “** ~~ , = : : F : = 

shape. Ensure the gradient is FG to aoc 

BG RGB [Figure 4]. lo 
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Figure 4. Changing the gradient direction with the gradient arrows 
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Step 4 

Move the cursor to half the foreground 
and height of the image (320 x 240). 
Click on the middle of the screen, 
press Cirl to constrain the angle to 45 
degrees, and drag to the bottom edge 
of the image. This will create a gradu- 
ated background [Figure 5 — 6]. ira 
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Figure 5. Using the position indicator to move cursor to the centre of the image 
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Figure 6. The background gradient 
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Step 5 

Click back onto the layers tab and cre- 
ate a new transparent layer. Either 
right click in the layers area or click on z 
the New layer icon [Figure 7]. [ones Oectsane 
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Figure 7. Adding a new layer 
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Using the text tool, click and dragan fo ee 
area in the middle of the screen and ae2c«¢6 





add the text “The gimp is great.” High- . 
light the text, and change the font = ie 
size, character spacing and colour SO aguas) - ee 
that a new text layer is created. Don’t gayo..., el! 
worry about the exact position, as we Be 
can adjust this later. We will now have —— 

three layers as the text tool automati- — w»™ 

cally creates a new layer [Figure 8]. areata 
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Figure 8. Adding text 
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Step 7 

Click on the text layer and then on 
the move tool and align the middle 
of the centre of the “p” in “gimp” so 
that the brightest area of the gradient 


shines through. 


Step 8 

Click on the transparent layer we made 
earlier. Reverse the background and 
foreground colour by clicking on the 
small arrow between the foreground 
and background. Click on the gradient 
tool and change the fill to Bi-Linear. 
Click inside the “p” and drag at 45 de- 
grees just below the text area. Ensure 
the darker colour is on the right hand 
side of the gradient [Figure 9]. 


Step 9 

Click on the layers tab and then on the 
mode dropdown. Scroll through the 
options and choose the effect you like 
best. | have used the difference mode 
[Figure 10]. 
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Figure 9. Adding another layer 
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Figure 10. The merged layers (Difference) 
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Click back onto the textlayer and right 4 + : ;s beeen . 
click on the layer choosing Alpha to - : z Comin ee 


selection to select the text. Add a new ae oe BF 


: | 
transparent layer and click on it [Fig- @#O0G@esssn® 


a 


ure 11]. 





Step 11 

Pick a vibrant foreground colour, and 
click on Select — Grow and grow the 
outline by 2px. Press Ctrl, to fill with 
your chosen colour. Drag the layer be- 
low the text layer. 





Step 12 : 

Select Filters — Light and Shadow — a a he ee ee eee 
Drop shadow and create a 45 percent 
Opacity drop shadow in white. Hide 
the shadow layer [Figure 12 — 13]. 


Figure 11. Alpha selection grown with yellow outline 
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Figure 12. Blurring the drop shadow 
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Figure 13. Drop shadow in place 


BSD TBO 01/2015 


MAGAZINE 


24 


Step 13 

Create a new transparent layer and 
ensure it is enabled. Select Filters — 
Light and Shadow — Supernova and 
create a vibrant pink flare at position 
320 x 240 with Radius and Spokes 50 
and maximum hue [Figure 14 — 15]. 
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Figure 15. Layer on top 


Step 14 

Drag the layer behind Layer #1 and 
select Grain extract mode and 25% 
opacity Adjust so that the centre of the 
nova is in the middle of the “p” [Fig- 
ure 16]. 
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Figure 14. Adding a multi-hue supernova 
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Figure 16. Layer behind text in grain extract mode and decreased opacity 
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Re-enable the shadow layer and drag a 
below Layer #2. Adjust the opacity un- 4 
til the opacity gives the desired effect 
[Figure 17]. 


Save the image as gimp.xcf and ex- 
port to PNG or JPG to use in a web- 
site etc. 


Once you have saved your XCF file, 
experiment with the layers, opacity 
and layer mode. Try different gradi- 
ents blended in different modes. 


& = 


Figure 17. The final image 
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and IT manager. He has moved on from CP/M and nixie tubes but 
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¢- The Gimp website — http:/www.gimp.org 

¢ Search Creative commons -— http://search.creativecommons.org 
¢ Deviant art — http://www.deviantart.com 

¢ Stock.xchng — http:/www.sxc.hu 
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In the third in our series on the Gimp, we will create 
a pastiche that depicts the current political crisis in 
the Ukraine. 


What you will learn... What you should know... 


« How to manipulate images like a design pro ¢ General PC administration skills 
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here is nothing new under the sun. Inspired by a pastiche in today’s Sun- 
day newspaper, we will create a graphic that portrays the current crisis in 
the Ukraine. 


Step 1 
Download the images listed in Table 1. 
Table 1. Details and credits 


Peeeeneeeeis 












President Putin http://www.fotopedia.com/items/flickr-3488093359 | photo by World Economic Forum on Flickr 
US dollar http://www.fotopedia.com/items/flickr-2630539049 — photo by iChaz on Flickr 


Nuclear explosion — http://www.fotopedia.com/items/flickr-4926596880 photo by The Official CTBTO Photostream on Flickr 














Step 2 | ieee cereal meas 

Let’s start with the “Vote Now” image. 2 

As we will use this on the right hand = fick 2999130085 organ noma 20:19 
side of the picture, we will have to re- : 

move the US stars from the sneaker. wails 

Open the file in the Gimp and resize tranenbedsed ab orfie 

to a width of 640px [Figure 1 and 2]. Convert the image to the RGB working space (sAG8 but)? 


Don't ask me again 
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Step 3 

Zoom in and, using the freehand se- 
lect tool, select the blue / stars area 
from the sneaker. Paint the area white 
with the paintbrush tool or press. De- 
select the area, and using the smudge 
tool, blend the greyer area of the top 
of the sneaker into the area you just 
painted. Repeat with the other foot. 
As the marching worms is not clear, 
| have turned on the mask to highlight 
the area that will not be affected by 
our paint process. Save the image as 
shoes.xcf [Figure 3]. 


Step 4 

Open the image of the European flag. 
Using the Scissors select tool, click 
around the flag and the flagpole and 
join the nodes up at the bottom once 
you have gone round the flag. Click on 
the middle of the flag to finish the se- 
lection, copy the area, create a new 
transparent and paste and anchor the 
selection. Delete the original layer. 
Using the fuzzy select tool, select and 
delete the sky areas between the flag 
and the flagpole. Crop, and save as 
flag.xcf [Figure 4]. 
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Step 5 

Repeat step 4 with the Ukrainian flag, 
but omit the flagpole. Save as ukraini- 
anflag.xcf [Figure 5]. 





vy ial = & iF, 1342 pe * Mie =| 2 Elick ‘Drag be create a new selection. 





Step 6 

Open the image of the Russian Pres- 
ident, and repeat step 4 so that you 
have just the leader’s face. Crop and 
save as putin.xcf [Figure 6]. 





. = z & pe =|) 64.7% = |Layer (1.468) 


BSD :: 


MAGAZINE 


www.bsdmag.org 


GRAPHIC DESIGN 





Step 7 

Open the image of the US President, 
and repeat step 4 so that you have 
just the leaders face. Crop and save 
as obama.xcf [Figure 7]. 





Step 8 

Open the nuclear explosion image 
and crop the area of the mushroom 
cloud in the middle. Resize to width 
1024px, and adjust the canvas size to 
1024 x 768. Ensure the chain is un- 
clicked, as we only want to increase 
the height. Adjust the layer to image 
size, and fill the bottom of the image 
with red picked from the bottom edge 
of the explosion. Using the smudge 
tool, blend the bottom and top of the 
image so that the hard line is erased. 
Save as image_001.xcf [Figure 8]. 
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Step 9 
Desaturate the luminosity of the im-  a«-... ) ae : 

age and add a new transparent layer. 4° 52°" *%° EES : 
Fill this layer with colour 8e221d and Bs 2 Choose shade of rey based om 





alter the layer mode to saturation [Fig- «= || SOM) 2 8B wontons 
ure 9 — 10]. CE «=< 
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Step 10 oo 
Create a new transparent layer. Open 4+ seco 
the image of the US dollar, and scale 2 : a z ne 


to 150px. Select all, copy, and click iy | 
back onto the nuclear background == SUiml@sssan: 


tab. Ensure you are on the new layer SS. : 


+. 


you created and paste the resized im-  * os _ 
age of the dollarnear the top lefthand - jm. 

side of the image. When you are hap- ~*~ — arr 
py with the position of the layer, an- 

chor it. Duplicate the layer, and using 

the rotate and move tool, reposition 

another copy of the dollar. Repeat un- 

til you have 3 dollars. When you are 

happy with the positioning, right click 

each dollar layer and merge down. 

Rename the single layer “Dollars”, 

and scale and reposition until the lay- 

er dominates the top left hand corner 

of the image [Figure 11]. 
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Step 11 

Open obama.xcf and select all, copy. 
Create a new layer and paste the pic- 
ture of the US president into the mid- 
dle. Using the scale tool and pressing 
the Ctrl key, constrain the scale until 
you are happy with the dimensions. 
Locate the president at the bottom 
right hand side on the image. Use the 
smudge tool to remove any ragged 
blue edges. Rename the layer Obama 
[Figure 12]. 


Step 12 

Repeat step 11 with the picture of the 
Russian leader and place at the bot- 
tom right hand side of the image. Ro- 
tate the layer so that the eyes are hori- 
zontal [Figure 13]. 


BSD 


MAGAZINE 


sa 


ee eee re ee ee a. ee |] 


Pllckraces- eno-ori gies Lip 


i eee ee te ee and. eel | |] 


So% = Layer ei (144.9 MB) 


o% = Putin [164.0 MB] 


—— 












TBO 01/2015 


Step 13 

Repeat with shoes.xcf but instead of 
constraining the scale tool, increase 
the height. Smudge and erase the 
legs to get a fade effect. Change the 
layer mode to hard light and delete 
any speckles that show through [Fig- 
ure 14]. 


lew atohel 
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Step 14 

Open flag.xcf, and copy and paste oa 

into a new layer on our pastiche. Du- aad ; 
plicate the layer, flip it vertically, and a 


Date» 7 a 4 i 


Po a kk a a 


A 
ew x 


line up the flagpole so it lineS UP Per- wow sons a | 
fectly over the other layer. Add a new oe : 
transparent layer, open the Ukraini- . gn. 

an flag and paste and scale over the ° _... 

right hand side of the flagpole. Use Ego 

the smudge tool to align the edge of 2 

the flag against the curved part of the Bd Sr rersrccs teenies 


flagpole. Merge down the three lay- 
ers, move the bottom of the pastiche, 
and layer to image size [Figure 15]. 
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Step 15 

Move the flag layer just above the red 
layer. Desaturate the Obama, Putin, 
Vote and Dollar layers in turn. Create 
a new transparent layer at the top of 
the layers stack, and fill with c9c26e. 
Change the layer mode to multiply 
[Figure 16]. 


Step 16 

With the exception of the vote layer, 
apply filter — render — pattern — 
jigsaw to Putin, Obama, and Dollars 
[Figure 17 — 18]. 
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Using the select tool or erase tool on 
the layers in step 11, delete parts of 
the jigsaw pieces. Tidy up the rough 
edges of the jigsaw with the blur tool. 


Select the last layer and increase the 
scale width and position so that the 
mushroom cloud is in the centre. Realign 
the flag layer as required [Figure 19]. 
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government and media in a variety of roles 
from technical support, system adminis- 
trator, developer, systems integrator and IT 
manager. He has moved on from CP/M and 
nixie tubes but keeps a soldering iron handy 
just in case. 
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Getting to Grips with 
the Gimp - Part 4 


In the fourth part in our series on the Gimp we will learn 
about guides and paths. 


What you will learn... What you should know... 
« How to manipulate images like a design pro « General PC administration skills 


ne of the most powerful tools supplied by 
C) the Gimp is the paths tool. Using Bezier 
curves, selections can be made accu- 
rately around curved objects, and minor ad- 
justments and transformations performed 
on the selection. This selection can be a 
saved as a path and applied across lay- 
ers, making this function a great time- a 
saver when working with complex im- 
ages. While Bezier curves can be Wy 
difficult to master, with practice they 
will become an essential part of your w 
toolkit. Depending on the image you 
want to manipulate, Beziers can be oo 
a hindrance though. Sometimes it is ) 


quicker just to select the outline man- ™ 
ually. We will demonstrate both in this 
tutorial, and end up with a controversial ~ 
image with a text flowing to a path. ‘ 

Lets get started! > 
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Part 1 - Learning Bezier curves and paths 


© Menu “ Cat » Shock Photo » fre: "lUnttied]-1.0 (eG ec, |) | Freelub The Ginp = e& ka OG at) ai!) Sun 1h May, 63s 


* (Untitled) 1.0 (RGB colour, 2 layers) 407400 - GIMP 
Bla Eda Select Were image Layer Colours Joos Filter: Wieedows Help 
" } boy a 7 


Step 1 
Create a new image 640 x 480 px. 
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Step 2 

Using the text tool, create the letter : 
“B” in pale yellow 400px high. Layer to a 
image size [Figure 1]. 5 
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Step 3 

Click and drag guides from the hori- 
zontal and vertical measuring ruler to a ee 
the intersection points marked in ma- ss @ =». 
genta [Figure 2]. Zoom in if required © ©: 
to get accurate placement, resulting in oe w 
the screenshot shown in Figure 3. 
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Step 4 
Click on the paths tool and, starting at 


Fle Edit Select Were Image Layer 


the top left hand side of the “B’, click =~ ee 
once and a small square and circle wil sss aesA 
appear. If you click and drag on the : z : £6 5 a 
middle of the icon, you can easily re- = 
position the center point. Note how the gs) apn - 
center of the selection will snap to the «=: 

7 . . Berns 
guides. Move the selection point back 
to the top left hand side of the “B”. 
Step 5 
Click once on the 3” vertical guide 
on the letter B which will result in a 
straight path [Figure 4]. 
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first upper curved bulge of the “B’, [gv .A4+-. © | 
click once. This will result in a straight ™ = 3 . - . | 
‘ ‘ . : eS fo 3 
path bisecting the 4" vertical guide .~.5,.4,¢ ° ae 
and the second horizontal guide [Fig- ei : 3 
ure 9]. eo@*> G00 * fi 
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Step 7 

Holding the Ctrl key, click on the path 
where it intersects with the 5th vertical 
guide [Figure 6]. 


Step 8 

Click and drag the center point of the 
node so it follows the curve of the “B” 
[Figure 7]. 
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Press the + key to zoom in (Do not i ere 
use the Zoom tool as you will lose [94 .44--. : 
your path) and add 2nodes where the * =*® *®& 8 A° 
SH SOrLa 
two upper and lower curves of the let- .. 54. 4» 
ter merge [Figure 9]. = 
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Step 11 

Zoom out using the — key on the key- 
pad. Repeat steps 7-9 with the lower 
part of the upper curve and the upper 
part of the lower curve [Figure 10]. 
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St ep 12 . *[Untitied)-1.0 (RGB colour, 3 layers) 6402400 - GIMP - + 
Carry on adding nodes and adjusting 
the center point of the nodes until you _ 
reach the bottom left hand side of the 
“B” [Figure 11]. 
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Step 13 

Press and hold the Ctrl key and the 
cursor will change to a union symbol 
when you hover over the node creat- 
ed in Step 4. Click to join up the path 
[Figure 12]. 


Step 14 

Repeat steps 4-13 with both inner 
areas of the “B”. Don't forget to click 
on the end node before attempting 
to create another, otherwise you will 
have an orphan node. If this happens, 
press Ctrl Z to recover. [Figure 13]. 
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Step 15 
Click on the paths tab to see an out- 
line of the final path [Figure 14]. 


Step 16 

Right click on the path and choose 
Path — Selection. Click on the quick 
mask button at the bottom left hand 
side of the canvas and you will see the 
masked off areas [Figure 15]. 
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Step 17 

Un-click the quick mask and right click 
on the path dialog and choose path 
tool. Note that when you click on a 
point on the curve, adjustment “arms” 
appear that will allow you to adjust the 
curve once it has been created, rather 
than just moving the center node [Fig- 
ure 16]. 


Part 2 - Fat cat logo 


Step 1 
Download the images from Table 1. 


Table 1. Details and credits 






Bengal cat 


Step 2 

Open the Cat image (Thanks, dio- 
goakio!) and using the free select tool, 
select a rough outline of the cat. The 
fine hairs on the cat are not too impor- 
tant, so don’t spend too much time on 
that part on the detail [Figure 17 with 
mask enabled to show detail]. 


Step 3 

Click on the scale tool and ensure both 
the X and Y axis is constrained. Scale 
to 50%, and click on Edit — Copy. 
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Step 4 
Create a new image 1024 x 768 px 
from File — New, add a transparent 
layer and click on Edit — Paste [Fig- 
ure 18]. 


Step 5 

Anchor the layer, add another layer 
and using the ellipse select tool, cre- 
ate a circle around the middle of the cat 
using Shift to constrain. Right click and 
Select — to path. Click on the paths 
tag, click on the eye and you will see 
the circular path [Figure 19]. 
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Step 6 * *[Untithed )-10.0 (RGA colour, 3 layers) 10240765 - GIMP 
Create the text “Fat cats of the world =. | 

unite — Greed is good!” sized 16px 
Sans with a kern of 5px [Figure 20]. 
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Return to the paths tab, select Path — “ie 
Selection and press Ctrl + . or Ctrl +, to ; | | 
fill with the background or foregrounds» 
color as desired. From the menu, Se- ~*~ : 
lect — None [Figure 22]. = 
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Using the scale tool, stretch the con- __ 
tained layer to wrap around the cat , 
[Figure 23]. = 
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Step 10 

Copy and paste the eyes from the 
Bengal cat and add a red layer to 
colour. Remove any colour from the 
rest of the image by inverting the se- 
lection and deleting. Select an area 
of the body and scale to make a “fat 
cat”, using a combination of the blur, 
smudge and erase tool to make a 
realistic body [Figure 24]. 
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While the resulting demo in this article isn’t perfect, time and perseverance will improve it! 


ROB SOMERVILLE 
Rob Somerville has been passionate about technology since his early teens. A keen advocate of open systems since the mid-eighties, he has 
worked in many corporate sectors including finance, automotive, airlines, government and media in a variety of roles from technical support, 


system administrator, developer, systems integrator and IT manager. He has moved on from CP/M and nixie tubes but keeps a soldering iron 
handy just in case. 
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In the fifth part in our series on the Gimp we will learn about 
layer masks and how to modify faces and hair colour. 


What you will learn... What you should know... 
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¢ General administration skills 





« How to manipulate images like a design pro 


to retouch images. In this tutorial, we will take 

this one step further and transplant the face 
of one model onto another. The trickiest part of this 
exercise is matching the skin tone and making 
the appearance realistic. While no humans were 
harmed in the creation of this tutorial, my apolo- 
gies to the models concerned — you look far bet- 
ter in your original images! 
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Part 1 - Perform a face transplant 


Step 1 
Download the images from Table 1. 


Table 1. Details and credits 


Olea Details and credits 


Female model _http://www.freeimages.com/photo/1421971 Female model by african_fi 





Male model http://www.freeimages.com/photo/1348191 Self portrait by rubenshito 








ee eee ra Pa ele | ee me ge es tL 
Step 2 fa) =) joa F ,, pea. i ; 200 o 1 i 
Open the picture of the male modelas {> ale ; ie a 
a layer and zoom in around the eyes. BJs we adwsA? 
Using the measuring tool, take anote Page © 47/9 ~& 
: ; : i | oe 
of the distance in pixels between the [S + 
pupils of the eyes. This should be ap- = Pe 
proximately 294.7px [Screenshot 1]. a | 1/7 
fa) Lock ¥ % oe 5 a E i, 
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Step 3 EI 

Open the picture of the female model. J 7 se < i . 

As the lady is looking to the left and ws bBRAG 

the man to the right, flip the image by Pa’ © 7 4 @ 

: ab Bago 

performing Image — Transform —> f° 

Flip Horizontally. Repeat Step 1 with fey. gs am-.* 

the lady's eyes; this measures ap- tae | Mensa z 

proximately 215.2px [Screenshot 2]. a ; 
a ee 
" 
= a 
e i bb a © 124,403 pe + | 120% + 245.2 pheels, 2.66" (345 » 10) 








Step 4 ss . Bb: &: 
As we will want to keep the face in pro- fim 0 i RE eae oe te cae 
portion, we can calculate the percent- 5 Aj 
: & 
age we want to shrink the male face [& 4 
as follows — 215.2/294.7*100 which jg 4 
works out at 73%. - i] 





Step 5 a ® ee o 

Go back to the male model and use jg See ‘wee (ED? 

the crop tool to select the head ar- [i ome (aoe: ! % 

ea. Scale the image using the scale = eC 
tool or via Image — Scale image. En- a0 a 

sure both horizontal and vertical are interpolation: |Cubie 

locked. Scale the image by 73.00 per- Help|. reset || concer | 


cent. Press Ctrl A then Ctrl C to se- re 


lect all of the image and to copy it. 
[Screenshot 3]. 7 
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' re a 8 pe + | 182% + 1348194_37521627 Jpg (50.7 MB} 
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Step 6 B : | « 
Return to the female image and cre- j> ae a : a Beret en gaa Sas a rsereaseria face ne er meses Fioseseaesoes a aoe =a eae 
ate a new transparent layer. Paste ES DRADHA | 
the male face into the image (Ctrl V) ~ : é Lom - a 
Fi ‘i | a & j 
and reduce the opacity to 55%. Notice ers 4 
how both the male and female eyes Jey. gt aps 
are roughly the same distance apart Weed eea 4 
[Screenshot 4]. SB “Te 
= a Alsen Seles aa i J 
= (Posted Layer) 24 
= 2 Fe ves 
—: (4 1421971 _ 11288790 fog a 
= yj 5 
r 
r 
7 
: os a & = : 25% = Floating Selection 
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Step 7 — | a ee. 4a eo fi: a: 
As the lady’s head IS tilted slightly, —— if Z tH, A + & 4 botedus fe fe PE gop fare = Pe 
we will need to rotate the male face FQ® BB AE HA | 
SOL /Oxka% 
slightly. Using the rotate tool, select BAe*emace |] 


the layer and move the centre point 
of the rotation tool to the bottom left 
hand corner of the image. Rotate the 
image by -4.0px (You may have to ad- 
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just this slightly) and, using the move a. a 
tool, align the new features to match fag, re | 
the eyes and mouth area of the lower 4 < 
layer [Screenshot 5]. = °4 
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" o aw & = : 25% = Floating Selection 
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Step 8 6 mm. 2. 

When you are happy with the position- [J "s ae is are i | a a 

ing, increase the opacity to 100% and Bie weaana. 

anchor the layer. Right click on the Pe EB *%/o*%8 - 

: ie a) « ] 

top layer and add a white layer mask. [5 = 

Roughly select the flesh coloured ar- [eyo gj. ap-> > 

ea you want to transplant, Press Ctrl [jee = | J 

| to invert the selection, click on the =r | 

white mask icon next to the layer pre- ' - Bow» 4 

view and press Ctrl, to fill with the [Fy° Wer 7 

foreground colour [Screenshot 6 — 7]. i 4 
| s 
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Step 9 

Press Ctrl Shift A to deselect the area 
and, using the paint tool, remove the 
area of the layer you do not want in- 
cluded. Adjust the shape and size of 
the brush as required and decrease 
the opacity of the top layer temporarily 
so you can see the background. Se- 
lect Filters — Blur — Gaussian Blur 
and apply a blur of 250px. This will 
increase the size of the mask, so go 
over the areas again with the paint- 
brush until you are happy with the re- 
sult and no orphan areas are visible 
[Screenshot 8 — 9]. 
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Step 10 

Duplicate the top layer and make both 
upper layers invisible by clicking on 
the eye icon. Select the bottom layer 
and, using the colour picker tool, se- 
lect a colour from just left of the lady’s 
nose. Turn the other upper layers back 
on, and select the top layer icon (not 
the mask). Fill with the foreground co- 
lour by pressing Ctrl, [Screenshot 10]. 


Step 11 

Change the mode of the top layer to 
Soft light and adjust the opacity un- 
til you are happy with the skin tone 
[Screenshot 11]. 
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Step 12 

Hide the bottom layer and right click 
to merge visible layers. Re-enable the 
bottom layer, select the top layer and, 
using the erase tool with 60% opacity, 
tidy up the area around the right eye- 
brow and right eye. Using the clone 
tool, click on an area of stubble on the 
chin and repair any areas around the 
chin that do not have stubble. If need 
be, move the upper layer or scale so 
that the face looks natural. [Screen- 
shot 12]. 


Part 2 - Change the hair colour 


Step 13 

Merge the two layers and duplicate 
the result. Select the top layer. Use 
the clone and repair tool to remove 
any fine hair that we will not be able 
to easily select as it is too fine (e.g. 
around the right shoulder) [Screen- 
shot 13]. 
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Step 14 

Choose the free select tool with feather- 
ing and anti-aliasing enabled with add 
to current selection [Screenshot 14]. 
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Step 15 a= al. x & ie 3 
select the hair using the Ctrl and Shift [Tira 2 @ & eg pe 
keys to add separate areas orremove [—y* = Ge . x 7 

. ae a | i 

parts of the wallpaper. The more time [gs « » o a »« 1 
you spend on this, the better the end iz 
result. [Screenshot 15]. - 
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Step 16 





c) 
Select Colours — Brightness - Con- —y. 2 
trast and decrease the brightness to [Ble weag 
-20 and increase the contrast to 20 aSE4/@ 
aah Bago w 
[Screenshot 16]. = 
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Step 18 é a : 
Select Colours — Levels and adjust [aj . | eee Seg 
the input and output levels until you ashe AG 
have the desired effect. Too much ad- ” oe ae 
: : amt B@a w 
justment will lose contrast sowe want FS 
to keep the highlights as much as pos-_ f= Seon 
sible. Adjust the brightness and con- tiooren Sc 
7 5 @ Linear hetegram 
trast as required. [Screenshot 18]. Logurthn hatagran 
Ce Ge Saree aeerage 
sa Prats 
" 
Ct a 
e & Fy 364, 334 pas $0 % + 1437974_13288790 jpg copy [119.4 MB) 


Step 19 

Finally, add a new layer and, using the paintbrush with 
the black colour, touch up the area around the right 
hand side of the neck with 50% transparency. Adjust 
the opacity of the middle layer to get a realistic effect 
[Screenshot 19]. 


While the resulting demo in this article isn’t perfect, 
time and perseverance will improve it! 


ROB SOMERVILLE 


Rob Somerville has been passionate about technology since 
his early teens. A keen advocate of open systems since the 
mid-eighties, he has worked in many corporate sectors in- 
cluding finance, automotive, airlines, government and media 
in a variety of roles from technical support, system adminis- 
trator, developer, systems integrator and IT manager. He has 
moved on from CP/M and nixie tubes but keeps a soldering 
iron handy just in case. 
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Meet the 
Developer-Friendly 
Payment Solution 







Payment flow 


Conversions 
Payment page 


<y 
«< S 


3 easy steps to optimized checkouts: 


With Gate2Shop, you can optimize An effective payment page variant With dozens of alternative and local 
your payment pages by using testing tool, A/B Testing helps you payment methods offered in 
ready-made templates or by gain insight into user behaviour, multiple currencies, the personal- 
customizing payment pages to your increase payment conversion in the ized checkout allows you to reach 
site look and feel. short and long term. users from all around the world. 


wW Easy integration wW Cross-platform ewWSecure 


2 gate2shop 


Sell. More. 





Call for a free consultation: +44 20 3051 0330 
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Getting to Grips With 
the Gimp - Part 6 


A Text Filled Vignette 


In the sixth part in our series on the Gimp, we will learn 
about creating a Text Filled Vignette. 











What you will learn... What you should know... 
¢« How to manipulate images like a design pro ¢ General PC administration skills 
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The recipe 
We will follow the following steps as indicated: 


Step 1 
Download the image of the fe- 
male model from Table 1. 





Details and Credits Image 


Joann p 02 portrait Female model http://www.freeimages.com/photo/668970 
Uploaded by obyvatel 





Step 2 

Pull the guide down from the top of the 
measuring bar, so that it rests just be- 
neath the model's right eye [Screen- 
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Step 3 

Using the rotate tool, rotate the image 
until the eyes become parallel to the 
guide [Screenshot 2]. 


Step 4 

Using the move tool, bring the layer 
down until the chin is at the bottom of 
the frame. Use the crop tool to cen- 
tre the face by removing excess areas 
[Screenshot 3]. 
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Step 5 
































Use the clone tool to the area of the 0 
. at =o 
image left transparent due to the ro- Fis weagsa ’ 
tation. Use a large size brush to re- fe . : : i@ z a | 
i i F a & 
create the hair on the left hand side fi a 
[Screenshot 4]. a. (Sicimimialg@-s 4 
6 Rectangle Select = aa 
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Step 6 

Zoom in each eye in turn and carefully 
select around the iris. Use the shift key 
to select the area around the second 
eye. Click on the paths tab and choose 
selection to path [Screenshot 5-6]. 
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Step 7 

Add a new layer, pick a color for 
the eyes and fill the selected areas. 
Change the layer mode to dodge 
[Screenshot 7]. 
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Step 8 

Using the smudge tool, touch up 
around the eyes dragging the col- 
or away from the edge of the iris, so 
that no sharp edges still remain. Add 
a new layer and fill with a 45 degree 
gradient from top left to bottom right. 
[Screenshot 8]. 
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Step 9 

Add a new layer as in Step 8, and 
change the mode to dissolve. Adjust 
the opacity until you get the level of in- 
terference you like. Similarly, change 
the layer in Step 8 until you get an ef- 
fect you prefer. In the final version, | 
chose burn [Screenshot 9]. 






oma w & & pe S|) 393% + Layer az (135.5. MB) 


Step 10 ; aie | Bp Py 
Using the text tool, select the whole . | 
image and then enter the text you 
want as the message. This is very 
processor and graphics intensive, but 
Sans 50pt seemed to work OK on my 
elderly PC. The smaller the font, the 
more text and the slower this opera- 
tion will be. Change the layer mode to 
overlay mode [Screenshot 10]. 
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Step 11 

Using the erase tool, remove all the 
text detail and gradients from the in- 
side of the eyes. Experimenting with 
the text layer, duplicating it and chang- 
ing the mode then trying to delete text 
from the face is a good technique. 


Step 12 
The final result that | saved will be 
similar as in [Screenshot 11]. 


ROB SOMERVILLE 


Rob Somerville has been passionate about technology since his early teens. A keen advocate of open systems 
since the mid-eighties, he has worked in many corporate sectors including finance, automotive, airlines, govern- 
ment and media in a variety of roles from technical support, system administrator, developer, systems integrator 
and IT manager. He has moved on from CP/M and nixie tubes but keeps a soldering iron handy just in case. 
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Getting to Grips With 
the Gimp - Part 7 


In the seventh part in our series on the Gimp we will retouch 
an old photo and start working with filters. 





What you will learn... What you should know... 
« How to manipulate images like a design pro « General PC administration skills 





Stalinist propaganda of the removal of Nikolai Yezhov from the photo 
with Stalin to illustrate how to manipulate old images. We will then ap- 
ply some filters to enhance the photograph. 


FQ siinsts photos is a common request, and we will recreate the 
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Download the image listed in Table 1. 


Table 1. Details and credits 
Details and credits 


The Commissar Vanishes | http://upload.wikimedia.org/wikipedia/commons/9/91/ Wikimedia — Voroshilov, Molotov, 
Voroshilov%2C_Molotov%2C_Stalin%2C_with_Nikolai_Yezhov.jpg | Stalin, with Nikolai Yezhov 













Duplicate the original layer, hide the |= «| . 4 ¥ 
original and select the second layer. hRée@aAt + 
SBR AE & 

SES sSaek 
Zoom in on the figure of Yezhov and 2» @ 4 « «# 


select him using the free select tool. 
| have turned the quick mask on to H§aBOs es 
highlight the area selected [Figure 1 game 
and Figure 2]. 
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Press DEL to remove Yezhov [Figure 3]. 





Press Ctrl Shift A to deselect the area 
and zoom in on the bottom right hand 
side of the wall [Figure 4]. 
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Select and copy the area of wall at the 


epelel. 42m: 
bottom right of the photo as a patch. |i @# GA ete” 
Create a new transparent layer called |*~“"=" "8 8 A_ 
SOEO*4 SOA’, 
wall and select it [Figure 5]. 224.6 oe 
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SRmaoe@ sess’ 








Following the line of the wall into the |" © »“%a2®. 
. mW Z\alA & > & 
horizon, repeatedly pasle the section |. we - oA 
of wall up past Stalin's arm [Figure 6]. |jsmpvyoax#s. 
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Temporarily hide the wall layer and 
select a suitable area of the wall shad- 
ow from the lower layer. Create a 
new transparent layer called shadow 
above wall. 


Click on shadow and repeat the pro- 
cess in step 7 to duplicate the select- 
ed patch from Stalin’s elbow to the 
lower corner of the picture [Figure 7]. 


Merge the Shadow and Wall layers by 
right clicking on Shadow and choose 
Merge Down. 


Give this layer 50% opacity, delete 


the overlap on Stalin’s left arm and 
return the opacity to 100% [Figure 8]. 
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Use the block brush (Colour EQEOEO) 
rotated 90 degrees to airbrush any 
gaps on the top part of the wall [Fig- 
ure 9]. 








| a — 8 of 
Create a new layer and using the = © »“%a& 
; i “aa + ‘ 
airbrush tool touch up the shadow. : at aes 
Adjust the opacity of the layer to get «spyvyoaowa 
a realistic appearance and merge the * "3% % # | 
layer twice. Run the blur tool light- = 3 
ly over the sharp edges of the wall. = SEE Ee = 4 
es | 
Save the image [Figure 10]. ae 4 
= i ate } 
lee) ~ 1 
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Lee eee eee Pee eee 2 eee eee ee eee eee eee eee eee eee eee eee eee. eee 


Create a new transparent layer called 
water and select a foreground patch of 
water from the lower layer. Copy and 
paste this into the new layer and work 
towards Stalin's arm. Repeat slightly 
higher up from the bottom right of the 
image to get a realistic water pattern. 
Use the [Figure 11 and 12] 






TRL EELS Eee ole. 


Under close examination, the modifi- 
cations would not pass close exami- 
nation. In particular although the wave 
pattern is fine, the contrast varies and 
is patchy. Touch this up with the dodge 
tool, adjusting the brush shape and 
size as required [Figure 13 & 14]. 
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Add a new layer and fill this with 50% 
grey (828282). From the filters dia- 
logue, select Noise — RGB noise. 
From the Colours menu, desaturate 
by luminosity. Then change the new 
layer mode to grain extract. This will 
result in a grainy image [Figure 15]. 


To create a sepia toned image, dis- 
able the grain layer and select Filters 
— Decor — Old photo [Figure 16]. 


Congratulations, you can now join 
the ranks of the propagandists. 


ROB SOMERVILLE 

Rob Somerville has been passionate about 
technology since his early teens. A keen ad- 
vocate of open systems since the mid-eight- 
ies, he has worked in many corporate sec- 
tors including finance, automotive, airlines, 
government and media in a variety of roles 
from technical support, system adminis- 
trator, developer, systems integrator and IT 
manager. He has moved on from CP/M and 
nixie tubes but keeps a soldering iron handy 
just in case. 
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Getting to Grips With 
the Gimp - Part 8 


In the eighth part in our series on the Gimp we will look at 
how to extend the Gimp with extra add-ons. 





What you will learn... 
« How to manipulate images like a design pro 


What you should know... 


¢ General PC administration skills 


Patterns, Palettes, Fonts, Scripts and Plug-ins. Adding an extra re- 

source is simplicity itself, once the desired add-on has been found, 
download and extract it into the relevant folder under the Gimp home folder. 
This is located in /nome/username/.gimp-2.8 for the current version of the 
Gimp where username is the account you are logged in as [Figure 1]. 


‘Te Gimp currently supports a number of add-ons: Brushes, Gradients, 


brushes @ 
curves 

dynamics 

environ 

Fonts & 
Fractalexplorer 

ofig 

gflare 

gimpressionist 
gradients & 
interprebers 
levels 
modules 
palettes 





patterns 
plug-ins 
scripts 

a templates 
themes 

tmp 
tool-options 












tool-presets 
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*tting to Grips With the Gimp - Part 8 


There are far too many resources on 
the web to list them all, but | have 
complied a list of some of the most 
popular in Table 1. 


Table 1. Details and credits 


Resource URL Details and credit 


http:/www.deviantart.com Massive resource of Gimp extras 


http:/www.abstractfonts.com Font resource for private and commercial use 
Gimp plugin registry http://registry.gimp.org Gimp plugins and scripts 





Add a brush eee 
Download the Aurora Borealis brush ® ne 2 _ 
set from http:/www.deviantart.com/ «sa. «« 
art/GIMP-Aurora-Brushes-71229165. = ™ 


Extract the Aurora directory from 
GIMP_Aurora_Brushes_by_Project_ 
GimpBC.zip into /home/username/. 





; $98) Fd 
gimp-2.8/brushes (| used Archive ti ee Sy ye 


Manager for this). aaenme 
6 Sigg ab aE Ps 


Restart the Gimp — The new brushes tee ed 


will be found under the Brushes tab 299-3. 
[Figure 2]. : ae eS 
co ON. 
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Add a gradient 41k 
Download the Autumn gradients from oe oeaua 
http://www. deviantart.com/art/6-Au- © © © rae 
tumn-Gradients-for-GIMP-187205931. = 
OEBss / 


Extract the 6 gradient files from 6 au- &---— 
tumn_gradients_for_gimp_by_1In213- . 
d33ghOr.zip into /home/username/. 
gimp-2.8/gradients. 





Restart the Gimp — The new gradient a 
will be found under the gradient tab fa— 
[Figure 3]. Ei : 

= 

‘im 

=. 

‘=- ! 
Add a pattern rere 
Download Glitter Gimp Patterns from ==" SE HA 
http://www.deviantart.com/art/Glitter- 2a. « 

ie 





GIMP-Patterns-187921797. 
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Extract the folder and contents form 
glitter gimp patterns by_jedania- 
d33vtdr.zip into /home/username/. 
gimp-2.8/patterns and delete the re- 
adme file as this will cause an error 
message in the Gimp. 
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Restart the Gimp — The new gradient 
will be found under the gradient tab 
[Figure 4]. 
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Add a palette 

Download the Touch marker palette from 
http://www. deviantart.com/art/Touch- 
marker-palette-for-GIMP-108710037. 


Extract the contents from Touch _ 
marker_palette_for_GIMP_by_dfmur- 
cia.Zip INtO /home/username/.gimp-2.8/ 
palettes. 


Ensure the palettes tab is enabled 
via Windows — Dockable dialogues 
— Palettes. 


Restart the Gimp — The new palette 
will be found under the palettes tab 
[Figure 5]. 


Add a font 


Download Harabara regular from 
http:/www.abstractfonts.com. 


Extract the TTF file from harabara__ 
regular.zip into into /home/username/. 
gimp-2.8/fonts. 


Restart the Gimp and the font will be 


available under the text button [Fig- 
ure 6]. 
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Add a script 

Download the Gimp Chrome script 
by Fence-post from http:/www.de- 
viantart.com/art/GIMP-Chrome- 
Scripts-77288538 into the /home/ 
username/.gimp-2.8/scripts directory. 


Refresh scripts by going to Filters — 
Script-Fu — Refresh scripts. 


Add some text to a new image, and 
apply the filter via Filters — Alpha to 
logo — Fencepost chrome [Figure 7]. 


Add a plug-in 

Download the G'MIC from hittp://reg- 
istry.gimp.org/node/13469 and extract 
the content of the zip file to /nome/ 
username/.gimp-2.8/plugins directory. 


Restart the Gimp, load an image of 
your choice and run the plugin from 
Filters — G’MIC. You will now have 
an additional 400 effects you can ap- 
ply to your image [Figure 8]. 


ROB SOMERVILLE 

Rob Somerville has been passionate about 
technology since his early teens. A keen ad- 
vocate of open systems since the mid-eight- 
ies, he has worked in many corporate sec- 
tors including finance, automotive, airlines, 
government and media in a variety of roles 
from technical support, system adminis- 
trator, developer, systems integrator and IT 
manager. He has moved on from CP/M and 
nixie tubes but keeps a soldering iron handy 
just in case. 
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Titania's award winning Nipper Studio configuration 
auditing tool is helping security consultants and end- 
user organisations worldwide improve their network 
security. Its reports are more detailed than those typically 
produced by scanners, enabling you to maintain a higher 
level of vulnerability analysis in the intervals between 
penetration tests. 


Now used In over 69 countries, Nipper Studio provides a 
thorough, fast & cost effective way to securely audit over 
100 different types of network device. The NSA, FBI, DoD 
& U.S. Treasury already use it, so why not try it for free at 
www.titania.com 
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Getting to Grips with 
the Gimp - Part 9 


In the penultimate part in our series on the Gimp we will 
look at how to create a 3d package for a FreeBSD carton that 
is print ready. 





What you will learn... What you should know... 
« How to manipulate images like a design pro ¢ General PC administration skills 


spective tool that could potentially used for packaging any 
product. The key to this is accuracy and scaling, as any mis- 
match will ruin the final image. 


n this tutorial we will create a realistic 3D object using the per- 





Download the images from Table 1. 
Table 1. Details and credits 

Resource Oe Details and credit 
FreeBSD website | https:/,www.freebsd.org/logo/logo-basic.png | FreeBSD Logo and fonts 

CPU core http://www.freeimages.com/photo/759887 Gold roubles 

10 russian gold roubles and CPU by styf22 
Power button http://www.freeimages.com/photo/675014 Power Button 

Hard drive power button 

by jmonte 


























BSD TBO 01/2015 


MAGAZINE 


5a 


Step 1 
Open the CPU image [Figure 1]. 


Step 2 
Rescale the image to 2800px with the 
constraint disabled [Figure 2]. 
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Step 3 Bee wes*At_k a | 
Select Layer — Layer to image size. VARS 4 | 
Use the colour picker tool, selectare- | * : . eos . , 
gion in the core of the CPU andfillthe |: sa sae | 
right hand side of the expanded image Ea 7 
[Figure 3]. ‘SEOODM eos 
- _-— 
| 
| 
| 
o i a & 2a 
fe. WE 
Step 4 +f EAH GS 
Create a new layer and click back on * aoe a= . 
the original layer. Select some CPU) 2 ao « « 
ss 


pins from the lower left hand side us- 
ing the lasso tool, copy the selection 
and paste into the new layer. Tempo- 
rarily reduce the opacity of the layer 
while aligning so you can overlay the 
pins accurately [Figure 4]. 
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Step 5 

Open the FreeBSD logo image and 
select and copy the transparent Red 
Daemon sphere. Create a new layer 
in the CPU image and paste the re- 
sult. Click on the scale tool and en- 
sure the constrain is enabled. Scale 
the image to neatly overlay the coin 
[Figure 5, 6]. 


Step 6 

Add a new layer. Hide all the other lay- 
ers. Copy the transparent FreeBSD 
text in black into the new layer. With 
constrain enabled, scale to 1500px 
and anchor the layer. Add a new layer. 
Set the foreground colour to #ff3300, 
select a square bounding box around 
“BSD” and fill with red. Repeat with 
the “Free” text and fill with white. Set 
the layer to Addition. Reveal the other 
layers and move the FreeBSD text to 
the edge of the CPU die. Select Layer 
— Layer to image size [Figure 7]. 
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Step 7 

Set the resolution of the image to 300 
pixels/in in both axis (Image — Scale). 
Create a new image with the same 
resolution 760 x 3884 pixels. Select 
the light and dark blue from the left 
hand side of the original image using 
the pick tool and set the foreground 
and background accordingly. Switch 
to the new image and use the gradient 
blend tool to fill the new image [Fig- 
ure 8]. 


Step 8 

Scale both the side and front images 
to 50% constrained. Open the hard 
drive light image and use the clone 
tool to remove the symbol engraved 
on the right hand side. Crop so that 
the switches are central [Figure 9]. 
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Step 9 








 « a. | 

Add anew layer to the sideimage and ‘i4 GA es 4 | 
paste then scale the switches so they * a pee - : 
line up in the centre oftheimage.Add 2s sae” 
“The power to serve’ text adjusting all i 
the kerning and size to fix the maxi- «*— SOG °° — 
mum width. Set the switch layer to csseeeeeeeee - 
hard light [Figure 10]. =f i. | 

[ 

[--- 

a *& w @ & 





Step 10 

Merge visible layers on both imag- 
es. Create a new page with a white 
background 3000 x 2500 px. Add a 
guide at 50% of the vertical (Image 
— Guides by percent). Add a horizon- 
tal guide part way down the from the 
top of the page. Create two new lay- 
ers, copy and paste the side image 
and front images into separate layers. 
Add two vertical guides one aligned 
against the 'P' and one intersecting 
the “S” [Figure 11]. 
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Step 11 

Click on the left hand layer and using 
the square selection tool, outline the 
left hand panel. Click on the perspec- 
tive tool and alight the vertical axis to 
match the left-hand guide then click 
on Transform. Anchor the layer. Re- 
peat with the right hand panel and the 
right hand guide [Figure 12]. 


Step 12 

Merge down the two layers, and add 
a shadow with 0 x offset and 20 y off- 
set and blur radius. Give the shadow 
a 40% opacity. Crop and export as re- 
quired [Figure 13]. 


ROB SOMERVILLE 

Rob Somerville has been passionate about 
technology since his early teens. A keen ad- 
vocate of open systems since the mid-eight- 
ies, he has worked in many corporate sec- 
tors including finance, automotive, airlines, 
government and media in a variety of roles 
from technical support, system adminis- 
trator, developer, systems integrator and IT 
manager. He has moved on from CP/M and 
nixie tubes but keeps a soldering iron handy 
just in case. 
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Cyber Security Auditing Software 


improve your 
Firewall Auditing 





As a penetration tester you have to be an expert in multiple 
technologies. Typically you are auditing systems installed and 
maintained by experienced people, often protective of their own 
methods and technologies. On any particular assessment testers may 
have to perform an analysis of Windows systems, UNIX systems, web 
applications, databases, wireless networking and a variety of network 
protocols and firewall devices. Any security issues identified within 
those technologies will then have to be explained in a way that both 
management and system maintainers can understand. 


he network scanning phase of a 
) penetration assessment will quickly 
identify a number of _— security 
weaknesses and services running on the 
scanned systems. This enables a tester to 
quickly focus on_ potentially vulnerable 
systems and Services using a variety of tools 
that are designed to probe and examine 
them in more detail e.g. web service query 
tools. However this is only part of the picture 
and a more thorough analysis of most 
systems will involve having administrative 
access in order to examine in detail how 
they have been configured. In the case of 
firewalls, switches, routers and _ other 
infrastructure devices this could mean 
manually reviewing the configuration files 
saved from a wide variety of devices. 


Although various tools exist that can 
examine some elements of a configuration, 
the assessment would typically end up 
being a largely manual process. Nipper 
Studio is a tool that enables penetration 
testers, and non-security professionals, to 
quickly perform a detailed analysis of 
network infrastructure devices. Nipper 
Studio does this by examining the actual 
configuration of the device, enabling a much 
more comprehensive and precise audit than 
a scanner could ever achieve. 


Device Auditing Scanners Nipper Studio 


Audit without Network Traffic 
Authentication Configuration 


Authorization Configuration 


Accounting/Logging Configuration 


Intrusion Detection/Prevention Configuration 


Password Encryption Settings 
Timeout Configuration 

Physical Port Audit 

Routing Configuration 

VLAN Configuration 

Network Address Translation 
Network Protocols 

Device Specific Options 

Time Synchronization 

Warning Messages [Banners] 
Network Administration Services 
Network Service Analysis 
Password Strength Assessment 
Software Vulnerability Analysis 
Network Filtering [ACL] Audit 
Wireless Networking 


VPN Configuration 


~ Limitatwns and constra 


6 will prevent a detailed audit 
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Getting to Grips with 
the Gimp - Part 10 


In the final part in our series on the Gimp we will wrap 
up and take a look at how to further improve your 


Gimp experience. 


What you will learn... 
« How to manipulate images like a design pro 


ver the past 9 articles, we have covered pretty 
much all the basic and intermediate skills re- 
quired to use the Gimp effectively. We will now 


look at some of the softer skills and additional resources 
to improve your graphic design capabilities. 


Work-flow 

Under pressure of a deadline? Not sure of the result 
you will achieve by applying a particular filter? While 
Ctrl Z will get you out of many sticky situations, sav- 
ing regularly in XCF will prevent you from serious frus- 
tration. While hardware and software had improved 
greatly over the years, it is easy to get “drawn in’ to the 
creative zone and when that keyboard or PC locks up 
a backup is essential. Remember also, that an exported 
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What you should know... 


¢ General PC administration skills 


image e.g. a JPG will not hold Gimp specific data such 
as layers etc. 

lf you are processing a lot of images e.g. for a website, 
keep a copy of the image masters in a separate directo- 
ry in case you inadvertently overwrite one of the images. 
This is useful where you manipulate an image and find 
something missing or wrong in the final product. It is easy 
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to miss something when you are looking at it for a long 
time, and often these little errors will not show up until the 
last moment. 


Tuning and customising the Gimp 

Depending on the type of workload you anticipate you will 
be performing, you may be required to perform a number 
of repetitive tasks. For example, in web design, often im- 
ages need to be scaled to a certain size. Gimp provides 
extensive hooks for key bindings that can be modified via 
edit — keyboard shortcuts. For instance, binding Ctrl Alt R 
to the scale menu item will allow the quick resizing of im- 
ages to a desired size. One the size has been set, this will 
be repeated each time Ctrl Alt R is pressed. 

Loading, importing and designing your own brushes, 
paths, gradients and patterns is simplicity itself, just right 
click in the white space in the toolbox area. You can then 
reuse these as desired. 

There are countless additional resources on the web, 
deviantart.com being amongst one of the best. 


Working with a design brief 

Apart from getting inspiration, the most difficult part of de- 
sign is getting the idea and concept out of the clients head 
into a format you can translate into an image or graphic. 
Don't be surprised if you need to have 2 or more passes 
until they are happy. | always start with 3 mock ups us- 
ing different styles and moods to try and gauge what is re- 
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quired. If the client really wants orange and blue text on 
a green speckled polka-dot background so be it, just be 
thankful it is not your company logo! 

Ultimately, beauty is in the eye of the beholder, and 
sometimes going against the grain does work. Personally, 
| find when | hit that “wow” moment when it just seems 
right (often without being able to qualify exactly why). 
The whole concept has to fit, culturally as well as how the 
message is communicated. People read different things 
into different images — one landing page | did for a web- 
site was approved by the communications manager and 
we both agreed the imagery was powerful, stunning and 
got the point across extremely well, while others were of- 
fended. Ultimately, you will never please 100% of the peo- 
ple 100% of the time. The occasional bit of controversy 
though is good if it raises the profile of the subject. 


Writing your own Gimp plug-ins 

lf you are a competent C programmer, the Gimp can be eas- 
ily extended with a few lines of C. For more information, see 
http://developer.gimp.org/writing-a-plug-in/3/index.html. 


Automated versus manual 

There is a plethora of plug-ins and filters etc. available for 
the Gimp, many of them mimicking the capabilities of Pho- 
toshop. However, part of the fun (and the learning experi- 
ence) is developing the skill of knowing what looks good 
and how to make a good image outstanding. While an 
automated filter or plug-in may scratch that itch for instant 
gratification, understanding the underlying mechanics of 
how the image is transformed can be of great benefit. 
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Many of the most stunning effects are achieved by ap- 
plying multiple processes and manipulating many lay- 
ers and selections. Don't be afraid to experiment, keep 
a notepad handy of the processes you have used and 
how you have arrived there. 


Your work environment 

If you are serious about graphic design you will need 
a decent monitor, graphics card, a way to perform co- 
lour management and possibly a graphics tablet. Colours 
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on a LCD display differ wildly from that on an LCD dis- 
play, and colours for print appear different from those on 
screen. Lighting is also important, glare and fluorescent 
light can make it difficult if not impossible to work accu- 
rately over long periods of time. 


Artwork and resources 

While there is nothing new under the sun, just grabbing 
images off Google for graphic design purposes is con- 
sidered very bad form in professional circles. Either use 
a professional stock agency such as Istock or material 
with a Creative Commons licence. Better still, take your 
own photographs. This is particularly important when per- 
forming graphic design for third parties, as their reputation 
could be at stake. 

Inspiration is another matter entirely. Few artists would 
be narrow minded enough to complain if a particular tech- 
nique is copied, and will probably look upon your endeav- 
ours as a compliment particularly if attributed. Getting in- 
spiration is often the hardest part of design, so always be 
on the look out for new ideas and try to envisage how the 
designer has built the resulting image. 


Design tutorials 

lf you cannot be a good example you will have to be a ter- 
rible warning. Have a look at http://thatcaption.com/25-pho- 
toshop-fails or Google Photoshop fails to learn from the mis- 
takes of others. Again, it is always easy to miss something, 
so an extra pair of eyes is always helpful to spot glaring 
errors in the final proof. Be conscious though that beauty 
is in the eye of the beholder. For an in-depth set of tutori- 
als on graphic design, have a look at http:/www.lynda.com/ 
Design-training-tutorials/40-0.html. This covers techniques 
such as composition, typography, colour and logo design. 


And finally 

| hope you have enjoyed this series on the Gimp. It is one 
of my most treasured Open Source programs due to its 
reliability, flexibility and the fact that it has never let me 
down. Experimentation is the key, and | hope you enjoy 
working with the Gimp as much as | have. 


ROB SOMERVILLE 

Rob Somerville has been passionate about technology since his ear- 
ly teens. A keen advocate of open systems since the mid-eighties, he 
has worked in many corporate sectors including finance, automo- 
tive, airlines, government and media in a variety of roles from tech- 
nical support, system administrator, developer, systems integrator 
and IT manager. He has moved on from CP/M and nixie tubes but 
keeps a soldering iron handy just in case. 
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Using FreeBSD as a File Server with ZFS 


Ivan Voras 


The ZFS storage workshop will teach you how to create a ZFS file system from scratch and build a file server on top 
of it, but it will also teach you how ZFS, file systems and storage servers work in general. You will learn what ZFS 
looks like, its many features and quirks, and how to use it in a FreeBSD server as a building block of a small file 
server. 


ZFS is the ground-breaking file system originally developed at Sun Inc. for their Solaris operating system. It was 
open-sourced as a part of their OpenSolaris initiative and from there has spread to multiple other operating systems. 
FreeBSD was the first one to implement a working port, and though it has taken a fairly long time of tweaking and 
Stabilization, it is now a robust and popular choice. There are products which successfully build upon the technolo- 
gies of FreeBSD and ZFS, such as FreeNAS and its related enterprise-class products from iXsystems, which au- 
tomate and simplify a lot of the tasks, but all of them use the same ZFS interface under the hood, which is not that 
complicated in itself. 


The requirements for this workshop are decent knowledge of FreeBSD, a basic familiarity with command-line op- 
erations, and a system (possibly a virtual machine) on which the student will perform the required tasks, containing 
at least four hard drives (physical or virtual). Since the topic of this workshop is file servers, the participants must 
prepare a virtual or a physical machine with at least two disk drives (and preferably 4), which which to perform the 
exercises and the setup from the workshop. 


http://osdmag.org/course/using-freebsd-as-a-file-server-with-zfs-2/ 


Ivan Voras is a FreeBSD developer and a long-time user, starting with FreeBSD 4.3 and throughout all the versions since. 
In real life he is a researcher, system administrator and a developer, as opportunity presents itself, with a wide range of 
experience from hardware hacking to cloud computing. He is currently employed at the University of Zagreb Faculty of 
Electrical Engineering and Eomputing and lives in Zagreb, Croatia. You can follow him on his blog in English at http:// 
ivoras.net/blog or in Croatian at http://hrblog.ivoras.net/, as well as Google+ at https://plus.google.com/+IvanVoras. 


Our courses are available online in Premium Membership. 
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“Big Data TechCon is a great learning 
experience and very intensive.” 


—Huaxia Rui, Assistant Professor, q 
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schedule with colleagues.” 
—Paul Reed, Technology Strategy & Innovation, FIS 


Choose from 55+ classes and tutorials! 





Big Data TechCon is the HOW-TO technical conference 
for professionals implementing Big Data solutions 
at their company 
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“Worthwhile, technical, and a breath of 
fresh air.” 


Come to Big Data TechCon to learn the best ways to: 


Process and analyze the real-time data pouring into your organization 


© ates tO Neen ep enc Learn how to extract better data analytics and predictive analysis 
to produce the kind of actionable information and reports your 


organization needs. 





Come up to speed on the latest Big Data technologies like Yarn, Hadoop, 
Apache Spark and Cascading 


Understand HOW to leverage Big Data to help your organization today 





: . ee a 
“Big Data TechCon is definitely worth the 
investment.” 


—Sunil Epari, Solutions Architect, Epari Inc. 7 
P P Big Data TechCon is a trademark of BZ Media LLC. A Event 


Whether you’re an enterprise developer, work for a commercial 
software company, or are driving your own startup, if you want to build 
Android apps, you need to attend AnDevCon! 





FAnDevCon 
July 29-31, 2015 


Sheraton Boston 








Right after 


Google IO! 


e Choose from more than 75 classes and 
in-depth tutorials 


e Meet Google and Google Development Experts 

e Network with speakers and other Android developers 
e Check out more than 50 third-party vendors 

¢ Women in Android Luncheon 

e Panels and keynotes 


e Receptions, ice cream, prizes and more 
(plus lots of coffee!) 





Android is everywhere! 


Earn your Certificate! 





—Kelvin De Moya, Sr. Software Developer, Intellisys 


—Margaret Maynard-Reid, Android Developer, Dyne, Inc. 
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Register Early www.AnDevCon.com 
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